<p class="title"><span>数据查询</span></p>
<form nz-form [formGroup]="searchForm" class="search_form">
    <div nz-row>
        <div nz-col [nzSpan]="6">
            <nz-form-item>
                <nz-form-label [nzSpan]="6">创建时间</nz-form-label>
                <nz-form-control [nzSpan]="16">
                    <nz-range-picker nzShowTime formControlName="timeRange"></nz-range-picker>
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="6">
            <nz-form-item>
                <nz-form-label [nzSpan]="8">指令ID</nz-form-label>
                <nz-form-control [nzSpan]="14">
                    <input type="text" nz-input placeholder="请输入指令ID" formControlName="instructionId" />
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="6">
            <nz-form-item>
                <nz-form-label [nzSpan]="6">指令类型</nz-form-label>
                <nz-form-control [nzSpan]="18">
                    <nz-select [nzMaxTagCount]="1" nzPlaceHolder="请选择指令类型" formControlName="instructionType"
                        nzAllowClear>
                        <nz-option *ngFor="let option of instructionTypeOption" [nzLabel]="option.label"
                            [nzValue]="option.value"></nz-option>
                    </nz-select>
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="6">
            <nz-form-item>
                <nz-form-label [nzSpan]="8">执行状态</nz-form-label>
                <nz-form-control [nzSpan]="14">
                    <nz-select nzMode="multiple" [nzMaxTagCount]="1" nzPlaceHolder="请选择执行状态" formControlName="executionStatus"
                        nzAllowClear>
                        <nz-option *ngFor="let option of executionStatusOption" [nzLabel]="option.label"
                            [nzValue]="option.value"></nz-option>
                    </nz-select>
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="6">
            <nz-form-item>
                <nz-form-label [nzSpan]="6">执行结果</nz-form-label>
                <nz-form-control [nzSpan]="17">
                    <nz-select nzMode="multiple" [nzMaxTagCount]="1" nzPlaceHolder="请选择执行结果" formControlName="executionResult"
                        nzAllowClear>
                        <nz-option *ngFor="let option of executionResultOption" [nzLabel]="option.label"
                            [nzValue]="option.value"></nz-option>
                    </nz-select>
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="2" [nzOffset]="16">
            <nz-form-item>
                <nz-form-control [nzSpan]="24">
                    <div class="btns">
                        <button nz-button nzType="primary" (click)="search()" style="margin-right: 8px;">
                            查询
                        </button>
                        <button nz-button (click)="resetForm()">
                            重置
                        </button>
                    </div>
                </nz-form-control>
            </nz-form-item>
        </div>
    </div>
</form>
